<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>小米首页</title>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/media_index.css">
	<link rel="stylesheet" type="text/css" href="css/mod.css">
</head>
<body>
<section>
	<!--顶部菜单开始-->
	<nav id="nav" class="site-topbar">
		<div class="wraper">
			<ul class="nav-left">
				<li><a href="#">小米商城</a></li>
				<li><a href="#">MUI</a></li>
				<li><a href="#">米聊</a></li>
				<li><a href="#">游戏</a></li>
				<li><a href="#">多看阅读</a></li>
				<li><a href="#">云服务</a></li>
				<li><a href="#">小米移动版</a></li>
				<li><a href="#">问题反馈</a></li>
				<li><a href="#">Select Region</a></li>
			</ul>
			<ul class="nav-right">
				<li><a href="#">登录</a></li>
				<li><a href="登录">注册</a></li>
				<li class="buyCar">
					<a class="i_car" href="登录">购物车（0）</a>
					<div class="content"></div>
				</li>
			</ul>
		</div>
	</nav>
	<!--顶部菜单结束-->
	<!--头部开始-->
	<header id="header" class="site-header">
		<div class="wraper">
			<hgroup class="header-left">
				<h1>小米</h1>
				<h2></h2>
			</hgroup>
			<ul class="header-middle header-menu">
				<li>
					<a href="#">小米手机</a>
					<div class="content">
						<ul class="goods-list">
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_prod1.jpg">
								</div>
								<p class="name">小米Max</p>
								<span class="price">1299元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_prod1.jpg">
								</div>
								<p class="name">小米Max</p>
								<span class="price">1299元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_prod1.jpg">
								</div>
								<p class="name">小米Max</p>
								<span class="price">1299元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_prod1.jpg">
								</div>
								<p class="name">小米Max</p>
								<span class="price">1299元起</span>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">红米</a>
					<div class="content">
						<ul class="goods-list">
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_red1.jpg">
								</div>
								<p class="name">红米Note 3</p>
								<span class="price">899元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_red1.jpg">
								</div>
								<p class="name">红米Note 3</p>
								<span class="price">899元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_red1.jpg">
								</div>
								<p class="name">红米Note 3</p>
								<span class="price">899元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_red1.jpg">
								</div>
								<p class="name">红米Note 3</p>
								<span class="price">899元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_red1.jpg">
								</div>
								<p class="name">红米Note 3</p>
								<span class="price">899元起</span>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">平板 笔记本</a>
					<div class="content">
						<ul class="goods-list">
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_pad1.jpg">
								</div>
								<p class="name">小米平板2 64GB</p>
								<span class="price">1299元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_pad1.jpg">
								</div>
								<p class="name">小米平板2 64GB</p>
								<span class="price">1299元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_pad1.jpg">
								</div>
								<p class="name">小米平板2 64GB</p>
								<span class="price">1299元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_pad1.jpg">
								</div>
								<p class="name">小米平板2 64GB</p>
								<span class="price">1299元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_pad1.jpg">
								</div>
								<p class="name">小米平板2 64GB</p>
								<span class="price">1299元</span>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">电视</a>
					<div class="content">
						<ul class="goods-list">
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_tv1.jpg">
								</div>
								<p class="name">小米电视3S 48英寸</p>
								<span class="price">1999元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_tv1.jpg">
								</div>
								<p class="name">小米电视3S 48英寸</p>
								<span class="price">1999元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_tv1.jpg">
								</div>
								<p class="name">小米电视3S 48英寸</p>
								<span class="price">1999元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_tv1.jpg">
								</div>
								<p class="name">小米电视3S 48英寸</p>
								<span class="price">1999元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_tv1.jpg">
								</div>
								<p class="name">小米电视3S 48英寸</p>
								<span class="price">1999元</span>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">盒子 影音</a>
					<div class="content">
						<ul class="goods-list">
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_box1.jpg">
								</div>
								<p class="name">小米盒子3</p>
								<span class="price">249元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_box1.jpg">
								</div>
								<p class="name">小米盒子3</p>
								<span class="price">249元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_box1.jpg">
								</div>
								<p class="name">小米盒子3</p>
								<span class="price">249元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_box1.jpg">
								</div>
								<p class="name">小米盒子3</p>
								<span class="price">249元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_box1.jpg">
								</div>
								<p class="name">小米盒子3</p>
								<span class="price">249元</span>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">路由器</a>
					<div class="content">
						<ul class="goods-list">
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_router1.jpg">
								</div>
								<p class="name">小米路由器 3</p>
								<span class="price">149元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_router1.jpg">
								</div>
								<p class="name">小米路由器 3</p>
								<span class="price">149元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_router1.jpg">
								</div>
								<p class="name">小米路由器 3</p>
								<span class="price">149元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_router1.jpg">
								</div>
								<p class="name">小米路由器 3</p>
								<span class="price">149元</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_router1.jpg">
								</div>
								<p class="name">小米路由器 3</p>
								<span class="price">149元</span>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">智能硬件</a>
					<div class="content">
						<ul class="goods-list">
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_hard1.jpg">
								</div>
								<p class="name">小米净水器</p>
								<span class="price">1299元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_hard1.jpg">
								</div>
								<p class="name">小米净水器</p>
								<span class="price">1299元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_hard1.jpg">
								</div>
								<p class="name">小米净水器</p>
								<span class="price">1299元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_hard1.jpg">
								</div>
								<p class="name">小米净水器</p>
								<span class="price">1299元起</span>
							</li>
							<li class="item">
								<div class="prod-img">
									<img src="./images/index_drop_hard1.jpg">
								</div>
								<p class="name">小米净水器</p>
								<span class="price">1299元起</span>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">服务</a>
					<div class="content">
						<ul class="good-list">
							<li class="item">
								<div class="prod-img">
									<!--<img src="">-->
								</div>
								<p class="name"></p>
								<span class="price"></span>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">社区</a>
					<div class="content">
						<ul class="good-list">
							<li class="item">
								<div class="prod-img">
									<!--<img src="">-->
								</div>
								<p class="name"></p>
								<span class="price"></span>
							</li>
						</ul>
					</div>
				</li>
	 		</ul>
	 		<div class="header-right">
	 			<input type="text" class="search" list="search-record" name="search">
	 			<button class="btn">搜索</button>
	 			<ul>
	 				<li>小米手机5<span>约有11件</span></li>
	 				<li>小米手机5<span>约有11件</span></li>
	 				<li>小米手机5<span>约有11件</span></li>
	 				<li>小米手机5<span>约有11件</span></li>
	 				<li>小米手机5<span>约有11件</span></li>
	 				<li>小米手机5<span>约有11件</span></li>
	 				<li>小米手机5<span>约有11件</span></li>
	 			</ul>
	 		</div>
		</div>
	</header>
	<!--头部结束-->
	
	<!--中部区域开始-->
	<div class="wraper">
		<section id="main" class="site-main clear_bottom">
			<aside class="main-left"> 
				<ul class="category-list">
					<li>
						<a href="#"><span>手机</span><span> 平板</span><span>电话卡</span> </a>
						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_img1.jpg">小米手机5<a href="#" class="btn">选购</a></li>
								<li><img src="./images/index_sidenav_img1.jpg">小米手机5<a href="#" class="btn">选购</a></li>
								<li><img src="./images/index_sidenav_img1.jpg">小米手机5<a href="#" class="btn">选购</a></li>
								<li><img src="./images/index_sidenav_img1.jpg">小米手机5</li>
								<li><img src="./images/index_sidenav_img1.jpg">小米手机5<a href="#" class="btn">选购</a></li>
								<li><img src="./images/index_sidenav_img1.jpg">小米手机5<a href="#" class="btn">选购</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#"><span>笔记本<span></a>
						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_notebook1.jpg">小米笔记本</li>
								<li><img src="./images/index_sidenav_notebook1.jpg">小米笔记本</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#"><span>电视</span> <span>盒子</span></a>

						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
							</ul>
							<ul class="good-list">
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
							</ul>
							<ul class="good-list">
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
								<li><img src="./images/index_sidenav_tv1.jpg">小米电视盒子</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#"><span>路由器</span> <span>智能硬件</span></a>
						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
							</ul>
							<ul class="good-list">
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
								<li><img src="./images/index_sidenav_vr1.jpg">小米vr眼镜玩具版</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#"><span>移动电源</span> <span>电池</span></a>
						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
							</ul>
							<ul class="good-list">
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
							</ul>
							<ul class="good-list">
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
								<li><img src="./images/index_sidenav_power1.jpg">小米移动电源</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#"><span>耳机</span> <span>音箱</span></a>
						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
							</ul>
							<ul class="good-list">
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
							</ul>
							<ul class="good-list">
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
								<li><img src="./images/index_sidenav_earphone1.jpg">小米头戴式耳机</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#"><span>保护套</span> <span>后盖</span></a>
						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_protect1.jpg">保护套 保护壳</li>
								<li><img src="./images/index_sidenav_protect1.jpg">保护套 保护壳</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#"><span>贴膜</span> <span>其他配件</span></a>
						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_pole1.jpg">自拍杆</li>
								<li><img src="./images/index_sidenav_pole1.jpg">自拍杆</li>
								<li><img src="./images/index_sidenav_pole1.jpg">自拍杆</li>
								<li><img src="./images/index_sidenav_pole1.jpg">自拍杆</li>
								<li><img src="./images/index_sidenav_pole1.jpg">自拍杆</li>
								<li><img src="./images/index_sidenav_pole1.jpg">自拍杆</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#"><span>米兔</span> <span>服装</a>
						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_rubit1.jpg">米兔</li>
								<li><img src="./images/index_sidenav_rubit1.jpg">米兔</li>
								<li><img src="./images/index_sidenav_rubit1.jpg">米兔</li>
								<li><img src="./images/index_sidenav_rubit1.jpg">米兔</li>
							</ul>
						</div>
					
					</li>
					<li>
						<a href="#"><span>箱包</span> <span>其他周边</span></a>
						<div class="content">
							<ul class="good-list">
								<li><img src="./images/index_sidenav_bag1.jpg">箱包</li>
								<li><img src="./images/index_sidenav_bag1.jpg">箱包</li>
								<li><img src="./images/index_sidenav_bag1.jpg">箱包</li>
								<li><img src="./images/index_sidenav_bag1.jpg">箱包</li>
							</ul>
						</div>
					</li>
				</ul>
			</aside>
			<!--<div id="test">123</div>-->
			<section class="main-right">
				<div class="slider">
					<ul class="contain">
						<li class="item"><a href="#" alt=""><img src="./images/index_slider_pic1.jpg"></a></li>
						<li class="item"><a href="#" alt=""><img src="./images/index_slider_pic2.jpg"></a></li>
						<li class="item"><a href="#" alt=""><img src="./images/index_slider_pic3.jpg"></a></li>
						<li class="item"><a href="#" alt=""><img src="./images/index_slider_pic4.jpg"></a></li>
						<li class="item"><a href="#" alt=""><img src="./images/index_slider_pic5.jpg"></a></li>
					</ul>
				</div>
			</section>
		</section>
	</div>
		
	<section id="adv" class="wraper site-adv m-box clear_bottom">
		<div class="span4">
			<ul class="rect6">
				<li class="item"></li>
				<li class="item"></li>
				<li class="item"></li>
				<li class="item"></li>
				<li class="item"></li>
				<li class="item"></li>
			</ul>
		</div>
		<div class="span16">
			<ul class="m-cols m-col-3">
				<li class="col"><img src="images/adv1.jpg"></li>
				<li class="col"><img src="images/adv2.jpg"></li>
				<li class="col"><img src="images/adv3.jpg"></li>
			</ul>
		</div>
		
	</section>
	<!--中部区域结束-->

	<!--小米明星单品开始-->
	<section id="sku" class="wraper m-box mi-sku">
		<input type="radio" id="sku-s1" class="sku-switch s1" name="sku-switch" hidden checked>
		<input type="radio" id="sku-s2" class="sku-switch s2" name="sku-switch" hidden>
		<header class="m-hd">
			<h2 class="m-hdL">小米明星单品</h2>
			<div class="m-hdR">
				<div class=" btns2">
					<a href="#" class="btn btn1 active"><label for="sku-s1">&lt;</label></a>
					<a href="#" class="btn btn2"><label for="sku-s2">&gt;</label></a>
				</div>
			</div>
		</header>
		<div class="m-box">
			<section class="span20 m-slide">
				<div class="m-slide-contain m-s2">
					<div class="m-slide-item">
						<ul class="m-cols m-col-5">
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single1.png"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single2.png"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single3.png"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single4.png"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single5.jpg"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
						</ul>
					</div>
					<div class="m-slide-item">
						<ul class="m-cols m-col-5">
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single6.png"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single10.png"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single7.png"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single8.png"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
							<li class="col sku-item ">
								<dl class="row">
									<dt><img src="./images/single/single9.jpg"></dt>
									<dd class="name">小米电视3S 43英寸</dd>
									<dd class="desc">4GB内存+128GB闪存，陶瓷版</dd>
									<dd class="price">1499元</dd>
								</dl>
							</li>
						</ul>
					</div>
				</div>
			</section>		
		</div>
	
	</section>
	<!--小米明星单品结束-->
	<div class="gray-section">
		<!--智能硬件开始-->
		<section class="wraper mi-hard clear_bottom" id="hard">
			<header class="m-hd">
				<h2 class="m-hdL">智能硬件</h2>
				<div class="m-hdR">
					<div class="scan">
						<span>查看全部</span>
						<a href="#" class="icon">&gt;</a>
					</div>
				</div>
			</header>
			<section class="m-box line2">
				<div class="span4">
					<div class="row main-pic">
						<img src="./images/znyj/row2Img.jpg">
					</div>
				</div>
				<div class="span16">
					<ul class="m-cols m-col-4">
						<li class="col">
							<div class="row">
								<span class="tip orange">免邮件</span>
								<dl>
									<dt><img src="./images/znyj/znyj1.jpg"></dt>
									<dd class="name">小米路由器3</dd>
									<dd class="desc">四天线设计，更安全更稳定</dd>
									<dd class="price">149元</dd>
								</dl>
							</div>
							<div class="row">
								<span class="tip blue">有赠品</span>
								<dl>
									<dt><img src="./images/znyj/znyj2.jpg"></dt>
									<dd class="name">小米路由器3</dd>
									<dd class="desc">四天线设计，更安全更稳定</dd>
									<dd class="price">149元</dd>
								</dl>
							</div>
						</li>
						<li class="col">
							<div class="row">
								<span class="tip orange">免邮件</span>
								<dl>
									<dt><img src="./images/znyj/znyj3.jpg"></dt>
									<dd class="name">小米路由器3</dd>
									<dd class="desc">四天线设计，更安全更稳定</dd>
									<dd class="price">149元</dd>
								</dl>
							</div>
							<div class="row">
								<span class="tip blue">有赠品</span>
								<dl>
									<dt><img src="./images/znyj/znyj4.jpg"></dt>
									<dd class="name">小米路由器3</dd>
									<dd class="desc">四天线设计，更安全更稳定</dd>
									<dd class="price">149元</dd>
								</dl>
							</div>
						</li>
						<li class="col">
							<div class="row">
								<span class="tip orange">免邮件</span>
								<dl>
									<dt><img src="./images/znyj/znyj5.jpg"></dt>
									<dd class="name">小米路由器3</dd>
									<dd class="desc">四天线设计，更安全更稳定</dd>
									<dd class="price">149元</dd>
								</dl>
							</div>
							<div class="row">
								<span class="tip blue">有赠品</span>
								<dl>
									<dt><img src="./images/znyj/znyj6.jpg"></dt>
									<dd class="name">小米路由器3</dd>
									<dd class="desc">四天线设计，更安全更稳定</dd>
									<dd class="price">149元</dd>
								</dl>
							</div>
						</li>
						<li class="col">
							<div class="row">
								<span class="tip orange">免邮件</span>
								<dl>
									<dt><img src="./images/znyj/znyj7.jpg"></dt>
									<dd class="name">小米路由器3</dd>
									<dd class="desc">四天线设计，更安全更稳定</dd>
									<dd class="price">149元</dd>
								</dl>
							</div>
							<div class="row">
								<span class="tip blue">有赠品</span>
								<dl>
									<dt><img src="./images/znyj/znyj8.png"></dt>
									<dd class="name">小米路由器3</dd>
									<dd class="desc">四天线设计，更安全更稳定</dd>
									<dd class="price">149元</dd>
								</dl>
							</div>
						</li>
					</ul>
				</div>
			</section>
		</section>
		<!--智能硬件结束-->

		<!--搭配开始-->
		<section class="wraper mi-match clear_bottom" id="match">
			<input type="radio" id="match-s1" class="match-switch s1" name="match-switch" hidden checked>
			<input type="radio" id="match-s2" class="match-switch s2" name="match-switch" hidden>
			<input type="radio" id="match-s3" class="match-switch s3" name="match-switch" hidden>
			<input type="radio" id="match-s4" class="match-switch s4" name="match-switch" hidden>
			<header class="m-hd">
				<h2 class="m-hdL">搭配</h2>
				<div class="m-hdR">
					<ul class="tabs">
						<li class="item active tab tab1"><a href="#"><label for="match-s1">热门</label></a></li>
						<li class="item tab tab2"><a href="#"><label for="match-s2">耳机音像</label></a></li>
						<li class="item tab tab3"><a href="#"><label for="match-s3">电源</label></a></li>
						<li class="item tab tab4"><a href="#"><label for="match-s4">电池存储卡</label></a></li>
					</ul>
				</div>
			</header>
			<section class="m-box line2  clear_top  clear_bottom">
				<div class="span4">
					<div class="row main-pic">
						<img src="./images/znyj/row2Img.jpg">
					</div>
				</div>
				<div class="span16">
					<!--滑动切换的模块-->
					<div class="m-slide">
						<div class="m-slide-contain m-s4">
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp2.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp3.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp4.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp5.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp6.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp7.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp8.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
								</ul>
							</div>
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp9.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp10.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp11.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp12.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp13.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp14.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp15.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp16.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
								</ul>						
							</div>
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp2.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp3.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp4.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp5.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp6.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp7.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp8.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
								</ul>
							</div>
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp9.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp10.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp11.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp12.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp13.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp14.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/dp/dp15.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
										<div class="row" content="音质非常好，很震撼！！美美美！" from="来自于米米小aa 的评价">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/dp/dp16.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="price">149元</dd>
												<dd class="cmt">18.7万人评价</dd>
											</dl>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</section>
		</section>
		<!--搭配结束-->

		<!--配件开始-->
		<section class="wraper mi-parts" id="parts">
			<input type="radio" id="parts-s1" class="parts-switch s1" name="parts-switch" hidden checked>
			<input type="radio" id="parts-s2" class="parts-switch s2" name="parts-switch" hidden>
			<input type="radio" id="parts-s3" class="parts-switch s3" name="parts-switch" hidden>
			<input type="radio" id="parts-s4" class="parts-switch s4" name="parts-switch" hidden>
			<header class="m-hd">
				<h2 class="m-hdL">配件</h2>
				<div class="m-hdR">
					<ul class="tabs">
						<li class="item active tab tab1"><a href="#"><label for="parts-s1">热门</label></a></li>
						<li class="item tab tab2"><a href="#"><label for="parts-s2">保护膜</label></a></li>
						<li class="item tab tab3"><a href="#"><label for="parts-s3">贴膜</label></a></li>
						<li class="item tab tab4"><a href="#"><label for="parts-s4">其他配件</label></a></li>
					</ul>
				</div>
			</header>
			<section class="m-box line2">
				<div class="span4">
					<div class="main-pic">
						<img src="./images/znyj/row2Img.jpg">
					</div>
				</div>
				<div class="span16">
					<div class="m-slide">
						<div class="m-slide-contain m-s4">
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj2.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj3.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj4.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj5.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj6.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj7.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row row_half small-intro">
											<div class="small-introL">
												<b>小米小钢炮</b>
												<small>79元</small>
											</div>
											<div class="small-introR">
												<img src="./images/pj/pj1.jpg">
											</div>
										</div>
										<div class="row row_half scan-more">
											<div class="scan-moreL">
												<b>浏览更多</b>
												<small>热门</small>		
											</div>
											<div class="scan-moreR icon"></div>
										</div>
									</li>
								</ul>
							</div>
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row row_half small-intro">
											<div class="small-introL">
												<b>小米小钢炮</b>
												<small>79元</small>
											</div>
											<div class="small-introR">
												<img src="./images/smallpj/pj1.jpg">
											</div>
										</div>
										<div class="row row_half scan-more">
											<div class="scan-moreL">
												<b>浏览更多</b>
												<small>热门</small>		
											</div>
											<div class="scan-moreR icon"></div>
										</div>
									</li>
								</ul>
							</div>
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row row_half small-intro">
											<div class="small-introL">
												<b>小米小钢炮</b>
												<small>79元</small>
											</div>
											<div class="small-introR">
												<img src="./images/smallpj/pj1.jpg">
											</div>
										</div>
										<div class="row row_half scan-more">
											<div class="scan-moreL">
												<b>浏览更多</b>
												<small>热门</small>		
											</div>
											<div class="scan-moreR icon"></div>
										</div>
									</li>
								</ul>
							</div>
							<div class="m-slide-item">
								
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/pj/pj1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row row_half small-intro">
											<div class="small-introL">
												<b>小米小钢炮</b>
												<small>79元</small>
											</div>
											<div class="small-introR">
												<img src="./images/smallpj/pj1.jpg">
											</div>
										</div>
										<div class="row row_half scan-more">
											<div class="scan-moreL">
												<b>浏览更多</b>
												<small>热门</small>		
											</div>
											<div class="scan-moreR icon"></div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div> 
				</div>
			</section>
		</section>
		<!--配件结束-->

		<!--周边开始-->
		<section class="wraper mi-ambitus" id="ambitus">
			<input type="radio" id="ambitus-s1" class="ambitus-switch s1" name="ambitus-switch" hidden checked>
			<input type="radio" id="ambitus-s2" class="ambitus-switch s2" name="ambitus-switch" hidden>
			<input type="radio" id="ambitus-s3" class="ambitus-switch s3" name="ambitus-switch" hidden>
			<input type="radio" id="ambitus-s4" class="ambitus-switch s4" name="ambitus-switch" hidden>
			<input type="radio" id="ambitus-s5" class="ambitus-switch s5" name="ambitus-switch" hidden>
			<header class="m-hd">
				<h2 class="m-hdL">周边</h2>
				<div class="m-hdR">
					<ul class="tabs">
						<li class="item active tab tab1"><a href="#"><label for="ambitus-s1">热门</label></a></li>
						<li class="item tab tab2"><a href="#"><label for="ambitus-s2">服装</label></a></li>
						<li class="item tab tab3"><a href="#"><label for="ambitus-s3">米兔</label></a></li>
						<li class="item tab tab4"><a href="#"><label for="ambitus-s4">生活周边</label></a></li>
						<li class="item tab tab5"><a href="#"><label for="ambitus-s5">箱包</label></a></li>
					</ul>
				</div>
			</header>
			<section class="m-box line2">
				<div class="span4">
					<div class="main-pic"><img src="./images/znyj/row2Img.jpg"></div>
				</div>
				<div class="span16">
					<div class="m-slide">
						<div class="m-slide-contain m-s5">
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb2.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb3.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb4.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb5.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb6.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb7.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row row_half small-intro">
											<div class="small-introL">
												<b>小米小钢炮</b>
												<small>79元</small>
											</div>
											<div class="small-introR">
												<img src="./images/zb/zb0.jpg">
											</div>
										</div>
										<div class="row row_half scan-more">
											<div class="scan-moreL">
												<b>浏览更多</b>
												<small>热门</small>		
											</div>
											<div class="scan-moreR icon"></div>
										</div>
									</li>
								</ul>	
							</div>
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb7.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb6.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb5.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb4.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb3.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb2.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row row_half small-intro">
											<div class="small-introL">
												<b>小米小钢炮</b>
												<small>79元</small>
											</div>
											<div class="small-introR">
												<img src="./images/zb/zb0.jpg">
											</div>
										</div>
										<div class="row row_half scan-more">
											<div class="scan-moreL">
												<b>浏览更多</b>
												<small>热门</small>		
											</div>
											<div class="scan-moreR icon"></div>
										</div>
									</li>
								</ul>	
							</div>
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb2.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb3.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb4.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb5.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb6.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb7.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row row_half small-intro">
											<div class="small-introL">
												<b>小米小钢炮</b>
												<small>79元</small>
											</div>
											<div class="small-introR">
												<img src="./images/zb/zb0.jpg">
											</div>
										</div>
										<div class="row row_half scan-more">
											<div class="scan-moreL">
												<b>浏览更多</b>
												<small>热门</small>		
											</div>
											<div class="scan-moreR icon"></div>
										</div>
									</li>
								</ul>	
							</div>
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb6.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb7.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb5.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb3.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb4.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb2.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row row_half small-intro">
											<div class="small-introL">
												<b>小米小钢炮</b>
												<small>79元</small>
											</div>
											<div class="small-introR">
												<img src="./images/zb/zb0.jpg">
											</div>
										</div>
										<div class="row row_half scan-more">
											<div class="scan-moreL">
												<b>浏览更多</b>
												<small>热门</small>		
											</div>
											<div class="scan-moreR icon"></div>
										</div>
									</li>
								</ul>	
							</div>
							<div class="m-slide-item">
								<ul class="m-cols m-col-4">
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb2.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb1.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb3.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb5.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row">
											<span class="tip blue">有赠品</span>
											<dl>
												<dt><img src="./images/zb/zb4.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
									</li>
									<li class="col">
										<div class="row">
											<span class="tip orange">免邮件</span>
											<dl>
												<dt><img src="./images/zb/zb6.jpg"></dt>
												<dd class="name">小米路由器3</dd>
												<dd class="desc">四天线设计，更安全更稳定</dd>
												<dd class="price">149元</dd>
											</dl>
										</div>
										<div class="row row_half small-intro">
											<div class="small-introL">
												<b>小米小钢炮</b>
												<small>79元</small>
											</div>
											<div class="small-introR">
												<img src="./images/zb/zb0.jpg">
											</div>
										</div>
										<div class="row row_half scan-more">
											<div class="scan-moreL">
												<b>浏览更多</b>
												<small>热门</small>		
											</div>
											<div class="scan-moreR icon"></div>
										</div>
									</li>
								</ul>	
							</div>
						</div>
					</div>
								
				</div>
			</section>
		</section>
		<!--周边结束-->

		<!--为你推荐开始-->
		<section id="recommend" class="wraper mi-recommend">
			<input type="radio" id="recommend-s1" class="recommend-switch s1" name="recommend-switch" hidden checked>
			<input type="radio" id="recommend-s2" class="recommend-switch s2" name="recommend-switch" hidden>
			<header class="m-hd">
				<h2 class="m-hdL">为你推荐</h2>
				<div class="m-hdR btns2">
					<div class="btns2">
						<div href="#" class="btn btn1"><label for="recommend-s1">&lt;</label></div>
						<div href="#" class="btn btn2"><label for="recommend-s2">&gt;</label></div>
					</div>
				</div>
			</header>
			<section class="m-box">
				<div class="m-slide">
					<div class="m-slide-contain m-s2">
						<div class="m-slide-item">
							<ul class="m-cols m-col-5">
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj1.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj2.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj3.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj4.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj5.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
							</ul>
						</div>
						<div class="m-slide-item">
							<ul class="m-cols m-col-5">
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj6.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj7.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj8.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj9.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
								<li class="col">
									<div class="row">
										<dl>
											<dt><img src="./images/wntj/wntj10.jpg"></dt>
											<dd class="name">小米路由器3</dd>
											<dd class="price">149元</dd>
											<dd class="cmt">9000人好评</dd>
										</dl>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</section>
		</section>
		<!--为你推荐结束-->


		<!--热评产品开始-->
		<section id="comment" class="wraper mi-hotCmtProd">
			<header class="m-hd">
				<h2 class="m-hdL">热评产品</h2>
				<ul class="m-hdR">
					<li></li>
				</ul>
			</header>
			<section class="m-box">
				<ul class="m-cols m-col-4">
					<li class="col">
						<div class="row">
							<img src="./images/rpcp/rpcp1.jpg">
							<div class="content">
								<div class="cmt">
									自拍是一种病！拍起来真要命！蓝牙连接，比起插线的，简直提升了不少逼格～喜欢的蓝色～美哒哒～～
								</div>
								<div class="from">来自于 taurus1992 的评价</div>
								<a href="#" class="name">小米自拍杆</a>
								<a href="#" class="price">699元</a>	
							</div>
						</div>
					</li>
					<li class="col">
						<div class="row">
							<img src="./images/rpcp/rpcp2.jpg">
							<div class="content">
								<div class="cmt">
									自拍是一种病！拍起来真要命！蓝牙连接，比起插线的，简直提升了不少逼格～喜欢的蓝色～美哒哒～～
								</div>
								<div class="from">来自于 taurus1992 的评价</div>
								<a href="#" class="name">小米自拍杆</a>
								<a href="#" class="price">699元</a>	
							</div>
						</div>
					</li>
					<li class="col">
						<div class="row">
							<img src="./images/rpcp/rpcp3.jpg">
							<div class="content">
								<div class="cmt">
									自拍是一种病！拍起来真要命！蓝牙连接，比起插线的，简直提升了不少逼格～喜欢的蓝色～美哒哒～～
								</div>
								<div class="from">来自于 taurus1992 的评价</div>
								<a href="#" class="name">小米自拍杆</a>
								<a href="#" class="price">699元</a>	
							</div>
						</div>
					</li>
					<li class="col">
						<div class="row">
							<img src="./images/rpcp/rpcp4.jpg">
							<div class="content">
								<div class="cmt">
									自拍是一种病！拍起来真要命！蓝牙连接，比起插线的，简直提升了不少逼格～喜欢的蓝色～美哒哒～～
								</div>
								<div class="from">来自于 taurus1992 的评价</div>
								<a href="#" class="name">小米自拍杆</a>
								<a href="#" class="price">699元</a>	
							</div>
						</div>
					</li>
				</ul>
			</section>
		</section>
		<!--热评产品结束-->
		
		<!--内容开始-->
		<section class="wraper mi-content" id="content">
			<header class="m-hd">
				<h2 class="m-hdL">内容</h2>
				<ul class="m-hdR">
					<li></li>
				</ul>
			</header>
			<section class="m-box">
				<ul class="m-cols m-col-4">
					<li class="col orange">
						<div class="row">
							<dl>
								<dt class="type">图书</dt>
								<dd class="name">哈利波特与魔法石</dd>
								<dd class="desc">哈利波特来了</dd>
								<dd class="status"></dd>
								<dd><img src="./images/content/content1.png"></dd>
							</dl>
						</div>
					</li>
					<li class="col green">
						<div class="row">
							<dl>
								<dt class="type">图书</dt>
								<dd class="name">哈利波特与魔法石</dd>
								<dd class="desc">哈利波特来了</dd>
								<dd class="status"></dd>
								<dd><img src="./images/content/content2.jpg"></dd>
							</dl>
						</div>
					</li>
					<li class="col red">
						<div class="row">
							<dl>
								<dt class="type">图书</dt>
								<dd class="name">哈利波特与魔法石</dd>
								<dd class="desc">哈利波特来了</dd>
								<dd class="status"></dd>
								<dd><img src="./images/content/content3.png"></dd>
							</dl>
						</div>
					</li>
					<li class="col blue">
						<div class="row">
							<dl>
								<dt class="type">图书</dt>
								<dd class="name">哈利波特与魔法石</dd>
								<dd class="desc">哈利波特来了</dd>
								<dd class="status"></dd>
								<dd><img src="./images/content/content4.png"></dd>
							</dl>
						</div>
					</li>
					
				</ul>
			</section>
		</section>
		<!--内容结束-->
		
		<!--视频开始-->
		<section class="wraper mi-video clear_bottom" id="video">
			<input type="checkbox" id="video-switch" name="video-switch" class="video-switch" hidden>
			<div class="video-mask">
				<label for="video-switch" class="close-btn"></label> 
				<video controls src="./video/1.mp4"></video>
			</div>
			<header class="m-hd">
				<h2 class="m-hdL">视频</h2>
				<ul class="m-hdR">
					<div class="scan">
						<span>查看全部</span>
						<a href="#" class="icon">&gt;</a>
					</div>
				</ul>
			</header>
			<section class="m-box">
				<ul class="m-cols m-col-4">
					<li class="col">
						<div class="row">
							<div class="video">
								<label class="play-btn" for="video-switch"></label>
								<img src="./images/video/video1.jpg">
							</div>
							<div class="content">
								<p class="name"><a href="#">红米年度品牌视频</a></p>
								<p class="desc">一亿人喜爱你，是一种责任</p>
							</div>
						</div>
					</li>
					<li class="col">
						<div class="row">
							<div class="video">
								<label class="play-btn" for="video-switch"></label>
								<img src="./images/video/video2.jpg">
							</div>
							<div class="content">
								<p class="name"><a href="#">红米年度品牌视频</a></p>
								<p class="desc">一亿人喜爱你，是一种责任</p>
							</div>
						</div>
					</li>
					<li class="col">
						<div class="row">
							<div class="video">
								<label class="play-btn" for="video-switch"></label>
								<img src="./images/video/video3.jpg">
							</div>
							<div class="content">
								<p class="name"><a href="#">红米年度品牌视频</a></p>
								<p class="desc">一亿人喜爱你，是一种责任</p>
							</div>
						</div>
					</li>
					<li class="col">
						<div class="row">
							<div class="video">
								<label class="play-btn" for="video-switch"></label>
								<img src="./images/video/video4.jpg">
							</div>
							<div class="content">
								<p class="name"><a href="#">红米年度品牌视频</a></p>
								<p class="desc">一亿人喜爱你，是一种责任</p>
							</div>
						</div>
					</li>
				</ul>
			</section>
		</section>
		<!--视频结束-->
	</div>

	<footer id="footer" class="">
		<header class="wraper footer-top">
			<ul>
				<li><a href="#"><span>icon</span>1小时快修服务</a></li>
				<li><a href="#"><span>icon</span>1小时快修服务</a></li>
				<li><a href="#"><span>icon</span>1小时快修服务</a></li>
				<li><a href="#"><span>icon</span>1小时快修服务</a></li>
				<li><a href="#"><span>icon</span>1小时快修服务</a></li>
			</ul>
		</header>
		<section class="wraper footer-middle">
			<aside class="footer-right connect">
				<p class="tel">400-100-5678</p>
				<p class="detail">
				周一至周日 8:00-18:00
				（仅收市话费）
				</p>
				<a href="#" class="btn"><span></span>24小时在线客服</a>
			</aside>
			<section class="footer-left menu-columns">
				<ul class="menu">
					<li>
						<dl>
							<dt>帮助中心</dt>
							<dd>账户管理</dd>
							<dd>购物指南</dd>
							<dd>订单操作</dd>
						</dl>
					</li>
				</ul>
				<ul class="menu">
					<li>
						<dl>
							<dt>帮助中心</dt>
							<dd>账户管理</dd>
							<dd>购物指南</dd>
							<dd>订单操作</dd>
						</dl>
					</li>
				</ul>
				<ul class="menu">
					<li>
						<dl>
							<dt>帮助中心</dt>
							<dd>账户管理</dd>
							<dd>购物指南</dd>
							<dd>订单操作</dd>
						</dl>
					</li>
				</ul>
				<ul class="menu">
					<li>
						<dl>
							<dt>帮助中心</dt>
							<dd>账户管理</dd>
							<dd>购物指南</dd>
							<dd>订单操作</dd>
						</dl>
					</li>
				</ul>
				<ul class="menu">
					<li>
						<dl>
							<dt>帮助中心</dt>
							<dd>账户管理</dd>
							<dd>购物指南</dd>
							<dd>订单操作</dd>
						</dl>
					</li>
				</ul>
				<ul class="menu">
					<li>
						<dl>
							<dt>帮助中心</dt>
							<dd>账户管理</dd>
							<dd>购物指南</dd>
							<dd>订单操作</dd>
						</dl>
					</li>
				</ul>
			</section>
		</section>

		<footer class="footer-bottom">
			<div class="wraper">
				<div class="info">
					<div class="links"><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a><a href="#">小米商城</a></div>
					<p class="desc">©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 
					违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
				</div>
				<ul class="img-list">
					<li><a href="#"><img src="./images/i_trust.png"></a></li>
					<li><a href="#"><img src="./images/i_company.png"></a></li>
					<li><a href="#"><img src="./images/i_cmt.png"></a></li>
					<li><a href="#"><img src="./images/i_protect.png"></a></li>
				</ul>
				<h3>探索黑科技，小米为发烧而生</h3>
			</div>
		</footer>
	</footer>
</section>	
</body>
</html>